<template>
    <div>
        <h1>child: {{child}} <input type="text" v-model="child"></h1>
        <h1>person.name: {{person.name}} <input type="text" v-model="person.name"> </h1>
    </div>
</template>

<script lang="ts">

import { defineComponent, ref, reactive } from 'vue'
    export default defineComponent({
        name: 'Watch',
        setup(){
            const child = ref('')

            const person = reactive({
                name:''
            })
            return{
                child,
                person
            }
        },
        
    })
</script>